<template>
	<view class="">
		<u-popup :show="show" mode="bottom" :round="10" height="" :mask-close-able="false">
			<view class="pd15">
				<view class="mt15 flex spacea">
					<view class="text-center" @click="$u.route('/pages/procure/order/index')">
						<image src="@/static/fun/bor.png" mode="" style="width: 70rpx;height: 70rpx;"></image>
						<view>采购</view>
					</view>
					<view class="text-center" @click="to('/pages/tabbar/none')">
						<image src="@/static/fun/sor.png" mode="" style="width: 70rpx;height: 70rpx;"></image>
						<view>销货</view>
					</view>
					<view class="text-center" @click="to('/pages/tabbar/none')">
						<image src="@/static/fun/stock.png" mode="" style="width: 70rpx;height: 70rpx;"></image>
						<view>库存</view>
					</view>
				</view>
				<!-- <view class="text-center mt15" @click="quxiao">
					<image src="../../static/quxiao.png" mode="" style="width: 50rpx;height: 50rpx;"></image>
					<view class="ft12 cl-hui mt5">取消</view>
				</view>		 -->
			</view>
		</u-popup>
		<view style="height: 100rpx;"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show: false,
				background: {
					// backgroundColor: '#001f3f',

					// 导航栏背景图
					// background: 'url(https://cdn.uviewui.com/uview/swiper/1.jpg) no-repeat',
					// 还可以设置背景图size属性
					// backgroundSize: 'cover',

					// 渐变色
					backgroundImage: 'linear-gradient(to right, #3247D3, #1178F5)'
				}
			}
		},

		/**
		 * 生命周期函数--监听页面加载
		 */
		onLoad(options) {
			
		},
		onShow() {
			this.show = true
			// this.isLogin = checkLogin()
			// if (!this.isLogin) {
			// 	this.isloginBind()
			// 	return false
			// }

		},
		onUnload() {
			this.show = false
		},
		methods: {
			quxiao(){
				this.show = false
				setTimeout(() => {
					uni.switchTab({
						url:'/pages/index/index'
					})
				}, 200);
				
			},
			to(url) {
				uni.navigateTo({
					url
				});
			},
		},


	}
</script>
<style>
	page {
		background-color: #F5F5F5;
	}
</style>
<style lang="scss" scoped>
	.bgcolor {
		background: linear-gradient(to right, #3247D3, #1178F5);
		width: 100%;
		height: 300rpx;
	}

	.item-box {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.lines {
		width: 50%;
		height: 20rpx;
		background-color: #3247D3;
	}

	.bg01 {
		background-color: #CFCFCF;
	}

	.title_txt::before {
		content: '';
		border-left: #3247D3 solid 4px;
		border-radius: 10rpx;
		margin-right: 20rpx;
	}

	.btns {
		border-radius: 60rpx;
		color: #fff;
		padding: 8rpx 20rpx;
		background: linear-gradient(to right, #3247D3, #1178F5);
	}
</style>